/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-08-04 13:31:25
 * @LastEditTime : 2023-08-25 14:23:45
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Front\jtgj\Templates\FouOne.jsx
 * @Description  :
 */

import { ProjectListTem } from '../Template'
import { CommonSmallTitle } from '../Assets/Common/SmallTitle'

import { useEventEmitter } from 'ahooks'
import { useState } from 'react'
import { TableList } from '../Assets/Modal/TableList'

export const FouOne = () => {
    const [Active, setActive] = useState()
    const ActiveEvent = useEventEmitter()
    ActiveEvent.useSubscription(val => setActive(val))

    return (
        <>
            <ProjectListTem type={1} ActiveEvent={ActiveEvent} count />
            <CommonSmallTitle title="风险预警">
                <div className="box">
                    <TableList
                        data={{
                            title: '发现预警详情',
                            type: 'AiPictureTables',
                            uuid: { OrganizationUuid: Active },
                            OrganizationUuid: true,
                        }}
                    />
                </div>
            </CommonSmallTitle>
        </>
    )
}
